<!doctype html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <title>Consultas</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">

    <script>
        $(function() {
            $( "#tabs" ).tabs();
            $( "input[type=submit], a, button" ).button().click(function( event ){});
            $( "#resizable" ).resizable({});
/*            $( "#datepicker1" ).datepicker({ changeMonth: true, changeYear: true});
            $( "#datepicker2" ).datepicker({ changeMonth: true, changeYear: true});*/
            $( "#from" ).datepicker({dateFormat: "yy-mm-dd", defaultDate: "+1w",changeMonth: true, numberOfMonths: 3, onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );}});
            $( "#to" ).datepicker({ dateFormat: "yy-mm-dd", defaultDate: "+1w", changeMonth: true,numberOfMonths: 3, onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );}});
            $( "#from1" ).datepicker({dateFormat: "yy-mm-dd", defaultDate: "+1w",changeMonth: true, numberOfMonths: 3, onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );}});
            $( "#to1" ).datepicker({ dateFormat: "yy-mm-dd", defaultDate: "+1w", changeMonth: true,numberOfMonths: 3, onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );}});
            $( "#spinner" ).spinner({spin: function( event, ui ) {if ( ui.value > 10 ) {$( this ).spinner( "value", 0 ); return false;} else if ( ui.value < 0 ) {$( this ).spinner( "value", 0 );return false;}
                }
            });
        })
    </script>

    <script>
        function checkform(form){
            var inputs = form.getElementsByTagName('input');
            for (var i = 0; i < inputs.length; i++) {
                // only validate the inputs that have the required attribute
                if(inputs[i].hasAttribute("required")){
                    if(inputs[i].value == ""){
                        // found an empty field that is required
                        alert("Los campos deben estar completos");
                        return false;
                    }
                }
            }
            return true;
        }

    </script>
    <style>
        reziseable{
            padding: 1000px;
        }
    </style>
    <style>
        options {
            align: center;
            font-size:9px;
            float: left;
            padding: 10px;
        }
    </style>
</head>

<body>
<?php
require 'functions.php';
?>

<options>
<div id="tabs" align="center">
    <ul>
        <li><a href="#tabs-1">Ejercicio 01</a></li>
        <li><a href="#tabs-2">Ejercicio 02</a></li>
        <li><a href="#tabs-3">Ejercicio 03</a></li>
        <li><a href="#tabs-4">Ejercicio 04</a></li>
        <li><a href="#tabs-5">Ejercicio 05</a></li>
        <li><a href="#tabs-6">Ejercicio 06</a></li>
        <li><a href="#tabs-7">Ejercicio 07</a></li>
        <li><a href="#tabs-8">Ejercicio 08</a></li>
        <li><a href="#tabs-9">Ejercicio 09</a></li>
        <li><a href="#tabs-10">Ejercicio 10</a></li>
        <li><a href="#tabs-11">Ejercicio 11</a></li>
    </ul>

    <div id="tabs-1" align="center">
        <form id="ejercicio1" action="ej01.php" method="get">
            <p>
                Listar los clientes con la cantidad de maquinarias que se tienen registradas<br>
                ordenados de mayor a menor de un determinado vendedor.<br>
            </p>
            <?php echo sellersDropdown(); ?>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-2" align="center">
        <form id="ej02" action="ej02.php" method="post" >
            Agregar campaign:<br><br>
            <label for="nombre">Nombre de la campaign:<br></label>
            <input type="text" name="nombre" id="nombre" required><br><br>

            <label for="from">Fecha de inicio:<br></label>
            <input id="from" type="text" name="fechainicio" required><br>
            Hora:
            <input type="text" name="iHora" size="1" required>:
            <input type="text" name="iMin" size="1" required>:
            <input type="text" name="iSec" size="1" required><br><br>

            <label for="to">Fecha de terminación:<br></label>
            <input id="to" type="text" name="fechafin" required><br><br>
            Hora:
            <input type="text" name="fHora" size="1" required>:
            <input type="text" name="fMin" size="1" required>:
            <input type="text" name="fSec" size="1" required><br><br>



            <label for="maq">Máquinas:<br></label>
            <?php echo machinesCheckBox();?><br><br>

            <label for="mensaje">Detalles:<br></label>
            <textarea form="ej02" name="mensaje" id="mensaje" ROWS="3" COLS="25">Detalles de la campaign...</textarea><br>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-3" align="center">
        <form action="ej03.php" method="get">
            Listar cual es la distribución en % de cada máquina.<br>
            <label for="filterContainerPersent">Filtrar</label>
            <select name="filtroMaqPercent" id="filterContainerPersent">
                <option value="MaqPercentV" selected>Por vendedores</option>
                <option value="MaqPercentZ" selected>Por zona</option>
            </select>
            <?php echo machinesDropdown();?><br><br>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-4" align="center">
        <form action="ej04.php" method="get">
            Listar para un vendedor la cantidad de comunicaciones <br>
            pendientes y la cantidad realizada mes a mes<br><br>
            <!--<label for="filterContainerStatus">Filtrar</label>
            <select name="filterContainerStatus" id="filterContainerStatus">
                <option value="comRealizadas" selected>Realizadas</option>
                <option value="comPendientes" selected>Pendientes</option>
            </select><br><br>-->
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-5" align="center">
        <form action="ej05.php" method="get">
            Listado de Maquinas que<br><br>
            <?php echo zonesCheckbox();?>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-6" align="center">
        <form action="ej06.php" method="get">
            Listado de Maquinas que están en todas las zonas.<br><br>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-7" align="center">
        <form action="ej07.php" method="get">
            Cantidad de Clientes por zona.<br><br>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-8" align="center">
        <form action="ej08.php" method="get">
            Cantidad de cada maquina por ciudad ordenado  por ciudades<br>
            (alfabético) y maquina de mayor cantidad a menor.<br><br>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-9" align="center">
        <form action="ej09.php" method="get">
            Listado de Vendedores según índice de cumplimiento de <br>
            comunicaciones (pendientes/realizadas) en un periodo dado.<br><br>
            <label for="from1">Fecha de inicio:<br></label>
            <input id="from1" type="text" name="fechaDesde" required><br>
            Hora:
            <input type="text" name="iHora" size="1" required>:
            <input type="text" name="iMin" size="1" required>:
            <input type="text" name="iSec" size="1" required><br><br>

            <label for="to1">Fecha de terminación:<br></label>
            <input id="to1" type="text" name="fechaHasta" required><br><br>
            Hora:
            <input type="text" name="fHora" size="1" required>:
            <input type="text" name="fMin" size="1" required>:
            <input type="text" name="fSec" size="1" required><br><br>



            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-10" align="center">
        <form action="ej10.php" method="get">
            Clientes que no poseen determinada maquina y se dedican a la agricultura.<br><br>
            Seleccione la maquina:<br>
            <?php echo machinesDropdown();?>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>

    <div id="tabs-11" align="center">
        <form action="ej11.php" method="get">
            Ranking de clientes de mayor número de comunicaciones <br>
            realizadas al menor incluyendo información de cantidad de maquinas de cada uno.<br><br>
            <input type="submit" value="Enviar Consulta">
        </form>
    </div>
</div>
</options>
</body>
</html>
